<template>
  <div id="toolbar_right">
        <a href="https://blog.csdn.net/m0_46642164?spm=1000.2115.3001.5343" >
             <img src="https://profile.csdnimg.cn/6/7/D/1_m0_46642164" alt="">
        </a>
         <ul>
             <li>|登录|</li>
             <li>注册|</li> 
        </ul>
  </div>
</template>
<script>
  export default {
    
  }
</script>

<style scoped>
 
#toolbar_right a{
  width: 44px;
  height: 100%;
  
}
#toolbar_right a>img{
  width: 44px;
  height: 100%;
  border-radius:50%;
}
#toolbar_right {
  width: 200px;
  height: 44px;
  line-height: 44px;
  display: inline-block;
}
ul{
  width:130px;
  height: 100%;
  float: right;
  margin: 0;
  padding: 0;
}
li {
     list-style-type: none;
     float: left;
     width: auto;
     height: 100%;
 }
</style>